<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/gouwuche.css">
    <link rel="stylesheet" href="../css/清除样式.css">
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../css/footer.css">
    <link rel="stylesheet" href="../font/iconfont.css">
</head>

<body>
    <!-- 头部 -->
    <header>

    </header>

    <div class="main-container">
        <div class="page-container">
            <div class="cart-main">
                <h3 class="cart-title">
                    <span>
                        我的购物车
                    </span>
                    <i class="total-num">共 1 件</i>
                </h3>
                <div class="cart-top">
                    <input type="checkbox" class="checkbox-input">

                    <span>全选</span>
                </div>
                <table class="cart-table">
                    <tr class="goods-itme">
                        <td class="td-chck">
                            <input type="checkbox" class="checkbox-input">

                        </td>
                        <td class="td-img">
                            <a href="javascript:">
                                <img src="https://img.fishfay.com/shopgoods/1/152130408/152130408-2-1/af7853f278713bb0781d09a42d9d5f14.jpg?x-image-process=image/resize,w_220,h_220"
                                    alt="">
                            </a>
                        </td>
                        <td class="td-infos">
                            <div class="td-infos-top">
                                <div class="fl">
                                    <h5>男长袖针织</h5>
                                    <p>
                                        <span>颜色:基础黑;尺码:L</span>
                                    </p>
                                </div>
                                <div class="fr">
                                    <span class="infos-price">￥569.00</span>
                                </div>
                            </div>
                            <div class="td-infos-bot">
                                <p class="fl">
                                    <span>数量:</span>
                                    <a href="javascript:" class="num-minus">-</a>
                                    <input type="text" class="num-input">
                                    <a href="javascript:" class="num-plus">+</a>
                                </p>
                                <p class="fr">
                                    <a href="javascript:" class="delete-one ">删除</a>
                                </p>
                            </div>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
    </div>


    <div class="cart-foot">
        <div class="sum-main">
            <div class="sum-infos fl">
                <div class="sum-operatr fl">
                    <input type="checkbox" class="checkbox-input">
                    <span>全选商品</span>
                    <a href="javascript:" class="delete-multi">删除商品</a>
                </div>
                <div class="sum-totalprice fr">
                    <span>总价</span>
                    <span class="price">￥0.00</span>
                </div>
            </div>
            <div class="sum-to-settle fl">
                <a href="javascript:" class="btn-to-settle">结算</a>
            </div>
        </div>
    </div>

    <!-- 底部 -->
    <footer>

    </footer>
</body>

</html>
<script src="../js/jQuery.js"></script>
<script src="../js/index.js"></script>